.scoreDetail {
	height: 100%;
	background: #fff;
	.main {
		height: 100%;
		// background: linear-gradient(to bottom, #f8efe7, rgba(248, 239, 231, 0.1) 12%, #fff 100%);
		padding-bottom: 40rpx;
		position: relative;
		padding: 0 20rpx;
		box-sizing: border-box;
		position: relative;
		display: flex;
		flex-direction: column;
		.title {
			font-family: Microsoft YaHei;
			font-size: 40rpx;
			font-weight: bold;
			line-height: 90rpx;
		}

		.content {
			flex: 1;
			display: flex;
			flex-direction: column;
			align-items: center;
			.ropeSkip {
				font-size: 40rpx;
				margin-top: 52rpx;
			}
			.ropeSkipNum {
				font-family: D-DIN;
				font-size: 200rpx;
				font-weight: bold;
				color: #466cde;
				.unit{
					font-size: 40rpx;
				}
			}
			.list {
				display: flex;
				flex-wrap: wrap;
				width: 100%;
				margin-top: 76rpx;
				.list-item {
					width: calc((100% - 40rpx) / 3);
					height: 120rpx;
					border-radius: 8rpx;
					background: #ffffff;
					box-sizing: border-box;
					border: 0.6rpx solid rgba(0, 0, 0, 0.1);
					box-shadow: 0px 12rpx 16rpx 0px rgba(0, 0, 0, 0.1);
					font-size: 24rpx;
					color: rgba(0, 0, 0, 0.6);
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: center;
					.item-value{
						font-size: 30rpx;
						font-weight: bold;						
						color: #333333;
						line-height: 50rpx;
						margin-top: 6rpx;
					}
				}
				.list-item:not(:nth-child(3n + 1)) {
					margin-left: 20rpx;
				}
				.list-item:not(:nth-child(-n + 3)) {
					margin-top: 20rpx;
				}
			}
		}

		background: url('');
		background-repeat: no-repeat;
		background-size: 100% 682rpx;
	}
}
